<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<script>


//【示例1】在第一次调用函数时，创建一个定时器，在指定的时间间隔后运行代码。当每二次调用的时候，清除前一次的定时器并设置另一个，实际上就是前一个定时器的再次演示执行，将其替换成一个新的定时器。
var processor = {
    timeoutId : null,
    //实际进行处理的方法
    performProcessing : function() {
        //实际执行的方法
    },
    //初始处理调用的方法
    process : function() {
        clearTimeout(this.timeoutId);
        var that = this;
        this.timeoutId = setTimeout(function() {
            that.performProcessing();
        }, 100);
    }
};
//尝试开始执行
Processor.process(); 

function throttle(method,context){
    clearTimeout(mehtod.tId);
        mehtod.tId = setTimeout(function(){
        method.call(context);
    },100);
}
//【示例2】下面示例在事件处理函数中应用函数节流，解决执行效率问题。
oTrigger.onmouseover = function(e) {//如果上一个定时器还没有执行，则先清除定时器
    oContainer.autoTimeoutId && clearTimeout(oContainer.autoTimeoutId);
    e = e || window.event;
    var target = e.target || e.srcElement;
    if((/li$/i).test(target.nodeName)) {
        oContainer.timeoutId = setTimeout(function() {
            addTweenForContainer(oContainer, oTrigger, target);
        }, 300);
    }
}



</script>
</head>
<body>




</body>
</html>
